<template>
  <div class="my-follow">
    <div class="header">
      <van-nav-bar
        left-text="我的关注"
        left-arrow
        @click-left="$router.back()"
      />
      <!-- tab栏 -->
      <van-tabs
        v-model="active"
        background="#3f51b5"
        title-active-color="#fff"
        title-inactive-color="#fff"
      >
        <van-tab title="家服公司">
          <company-follow />
        </van-tab>
        <van-tab title="家服人员">
          <staff-follow />
        </van-tab>
      </van-tabs>
    </div>
  </div>
</template>

<script>
import companyFollow from './components/companyFollow'
import staffFollow from './components/staffFollow'
export default {
  name: 'myFollow',
  components: { companyFollow, staffFollow },
  data () {
    return {
      active: 0,
      isFlag: true
    }
  },
  created () {},
  mounted () {},
  methods: {}
}
</script>

<style scoped lang="less">
.my-follow {
  .header {
    width: 750px;
    height: 192px;
    background-color: #3f51b5;
    /deep/ .van-nav-bar {
      background-color: #3f51b5;
      .van-nav-bar__left {
        .van-icon,
        .van-nav-bar__text {
          color: #ffffff;
          font-weight: 700;
        }
      }
    }

    [class*='van-hairline']::after {
      border: 0;
    }
    /deep/ .van-tabs__wrap {
      .van-tabs__nav {
        .van-tabs__line {
          background-color: #fff;
        }
      }
    }
    .van-loading {
      margin-top: 100px;
    }
  }
}
</style>
